import React from 'react';
import '@/views/Index/Index.scss'
import { Outlet } from "react-router-dom";
import { Breadcrumb, Layout } from 'antd';



import Sider from '../../components/Sider/Sider'
import Header from '../../components/Header/Header'


interface Props {

}

function Index(props: Props) {

    return (
        <div className='index'>
            <Layout className='box'>
                <Sider />
                <Layout className='main'>
                    <Header />
                    <Layout.Content className='content'>                      
                        <Outlet />
                    </Layout.Content>
                </Layout>
            </Layout>
        </div >
    );
}

export default Index;